<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <title>{% block htmlTitle %}{% endblock %} - CommandBlock的博客</title>
  <link href="https://cdn.bootcss.com/mdui/0.4.2/css/mdui.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/mdui/0.4.2/js/mdui.min.js"></script>
  <link rel="shortcut icon" href="https://zhuqinggang.gitee.io/static/favicon.ico">
  <link rel="stylesheet" href="https://zhuqinggang.gitee.io/static/blog/blog.css" type="text/css" />
  <script src="https://zhuqinggang.gitee.io/static/blog/blog.js"></script>
  {% block head %}{% endblock %}
</head>
<body class="mdui-theme-primary-blue mdui-theme-accent-blue mdui-appbar-with-toolbar">
  <div id="appbar" class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-theme">
      <a class="mdui-text-color-white-text mdui-btn mdui-btn-icon mdui-ripple" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons">menu</i></a>
      <a class="mdui-text-color-white-text mdui-typo-title">CommandBlock的博客</a>
      <div class="mdui-toolbar-spacer"></div>
    </div>
  </div>
  <div class="mdui-drawer sidebar mdui-shadow-5 mdui-drawer-close" id="left-drawer">
    <div class="sidebar-top">
      <div class="avatar"></div>
      <p class="author">CommandBlock</p>
      <span class="job">蒟蒻OIer、工程搬砖</span>
    </div>
    <ul class="mdui-list" mdui-collapse="{accordion: true}">
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
        <a href="{{ url_for('blog.index') }}" class="mdui-list-item-content">主页</a>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">archive</i>
        <a href="{{ url_for('blog.archive') }}" class="mdui-list-item-content">归档</a>
      </li>
      <li class="mdui-collapse-item">
        <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">class</i>
          <div class="mdui-list-item-content">分类</div>
          <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
        </div>
        <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
          {% for category in db.category.find() %}
            <li class="mdui-list-item mdui-ripple">
              <a href="{{ url_for('blog.category', category_name=category.name) }}" class="mdui-list-item-content">{{ category.name }}</a>
            </li>
          {% endfor %}
        </ul>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">local_offer</i>
        <a href="{{ url_for('blog.tags') }}" class="mdui-list-item-content">标签</a>
      </li>
      {% for page in db.page.find() %}
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">{{ page.icon }}</i>
          <a href="{{ url_for('blog.page', page_name=page.name) }}" class="mdui-list-item-content">{{ page.title }}</a>
        </li>
      {% endfor %}
    </ul>
  </div>
  <div class="topbar mdui-color-theme">
    <h1 class="title">{% block pageTitle %}{% endblock %}</h1>
    <p class="subtitle">{% block pageSubTitle %}{% endblock %}</p>
  </div>
  <div class="main-container mdui-container">
    {% block content %}{% endblock %}
  </div>
  <div class="footbar mdui-color-theme">
    <span class="mdui-text-color-white-text">
        CommandBlock © 2019
    </span>
  </div>
  <button id="btn_backup" class="mdui-fab-hide mdui-fab mdui-fab-fixed mdui-ripple mdui-color-theme-accent mdui-text-color-white-icon"><i class="mdui-icon material-icons">keyboard_arrow_up</i></button>
</body>
</html>